<template>
	<view class="list">
		<view class="list-msg" v-for="(item,index) in list" @click="go(item.url)">
			{{item.tit}}
		</view>
		<uni-popup ref="addPeplePup" type="center">
			<view class="safeguardPup-wrap">

				<view class="safeguardPup-head safeguardPup-head1 dis">
					<view class="">

					</view>
					<view class="safeguardPup-head-center">您的好友"张三"赠送您一个共富认养大礼包,请点击领取</view>
					<view class="safeguardPup-head-right" @click="this.$refs.addPeplePup.close()">
						<image src="@/static/com/icon_close.png" mode=""></image>
					</view>
				</view>
				<view class="safeguardPup-msg dis">
					<uni-forms ref="baseForm">
						<uni-forms-item label="转赠送人" name="name" :labelWidth='90'>
							<uni-easyinput v-model="phone" placeholder="请输入转赠人手机号后四位" />
						</uni-forms-item>

					</uni-forms>
					<view class="safeguardPup-btn">
						<view @click="this.$refs.addPeplePup.close()">取消</view>
						<view class="safeguardPup-btn-s" @click="addPepleBtn()">确定</view>
					</view>

				</view>

			</view>

		</uni-popup>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone: '',
				list: [{
						url: '/pagesA/applyFor/idCard/index',
						tit: '身份申请'
					},
					{
						url: '/pagesA/poinTraffle/index',
						tit: '积分抽奖'
					},
					{
						url: '0',
						tit: '转增弹框'
					}
				]
			}
		},
		methods: {
			addPepleBtn() {
				console.log(this.phone, 'baseFormDatabaseFormData')
			},
			go(url) {
				if (url == 0) {
					this.phone = ''
					this.$refs.addPeplePup.open()
				} else {
					uni.navigateTo({
						url
					})
				}

			}
		}
	}
</script>

<style lang="scss">
	.safeguardPup-wrap {
		.safeguardPup-msg {
			width: 80%;

			margin: 30rpx auto;
			justify-content: space-between;
			font-size: 28rpx;
			flex-direction: column;
			text-align: center;

			.safeguardPup-btn {
				width: 100%;

				display: flex;
				justify-content: space-around;
				align-items: center;

				.safeguardPup-btn-s {
					background: $maincolor;
					color: #fff;
				}

				view {
					padding: 10rpx 80rpx;
					border: 2rpx solid #999;
					border-radius: 100rpx;
				}
			}
		}

		.safeguardPup-head1 {
			justify-content: space-between;
			padding: 36rpx 36rpx 0 36rpx;

			image {
				width: 50rpx;
				height: 50rpx;
			}
		}

		width: 600rpx;
		/* height: 600rpx; */
		background: #fff;
		border-radius: 20rpx;
		padding: 20rpx 0;
	}

	.list-msg {
		line-height: 100rpx;
		text-align: center;
		border: 1rpx solid red;
	}
</style>